﻿<!DOCTYPE html>
<html lang="en">
<head>
    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>HomeSolutions - Admin Site</title>
    @*<meta name="description" content="Genius Dashboard - Bootstrap Admin Template.">
    <meta name="author" content="Łukasz Holeczek">
    <meta name="keyword" content="Genius, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">*@
    <!-- end: Meta -->
    
    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->
    
    <!-- start: CSS -->
    <link href="~/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="~/Content/kendo/kendo.common.min.css" rel="stylesheet" />
    <link href="~/Content/kendo/kendo.silver.min.css" rel="stylesheet" />
    <link href="~/assets/css/style.min.css" rel="stylesheet">
    <link href="~/assets/css/retina.min.css" rel="stylesheet">
    <link href="~/assets/css/print.css" rel="stylesheet" type="text/css" media="print" />

    <link href="~/Content/general-styles.css" rel="stylesheet" />
    <link href="~/Content/layout-style.css" rel="stylesheet" />
    <link href="~/Content/ui-elements-style.css" rel="stylesheet" />
    <link href="~/Content/toolbar-style.css" rel="stylesheet" />
    <link href="~/Content/form-elements-style.css" rel="stylesheet" />
    <link href="~/Content/kendo-elements-style.css" rel="stylesheet" />
    <!-- end: CSS -->

    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
	  	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="~/assets/js/respond.min.js"></script>
	<![endif]-->

    <!-- start: Favicon and Touch Icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="~/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="~/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="~/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="~/assets/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="assets/ico/favicon.png">
    <!-- end: Favicon and Touch Icons -->
</head>

<body>
    <!-- start: Header -->
    <header class="navbar">
        <div class="container">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".sidebar-nav.nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a id="main-menu-toggle" class="hidden-xs open"><i class="icon-reorder"></i></a>
            <a class="navbar-brand col-md-2 col-sm-1 col-xs-2" href="index-2.html"><span>Home Solutions</span></a>
            <div id="search" class="col-sm-5 col-xs-8 col-lg-3">
                <select>
                    <option>todos</option>
                    <option>mensajes</option>
                    <option>comentarios</option>
                    <option>usuarios</option>
                </select>
                <input type="text" placeholder="buscar..." />
                <i class="icon-search"></i>
            </div>
            <!-- start: Header Menu -->
            <div class="nav-no-collapse header-nav">
                <ul class="nav navbar-nav pull-right">
                    <li class="dropdown hidden-xs">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="index-2.html#">
                            <i class="icon-warning-sign"></i>
                            <span class="number">11</span>
                        </a>
                        <ul class="dropdown-menu notifications">
                            <li class="dropdown-menu-title">
                                <span>Tiene 11 notificaciones</span>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="icon blue"><i class="icon-user"></i></span>
                                    <span class="message">Nuevo usuario registrado</span>
                                    <span class="time">1 min</span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="icon green"><i class="icon-comment-alt"></i></span>
                                    <span class="message">Nuevo comentario</span>
                                    <span class="time">7 min</span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="icon green"><i class="icon-comment-alt"></i></span>
                                    <span class="message">Nuevo comentario</span>
                                    <span class="time">8 min</span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="icon green"><i class="icon-comment-alt"></i></span>
                                    <span class="message">Nuevo comentario</span>
                                    <span class="time">16 min</span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="icon blue"><i class="icon-user"></i></span>
                                    <span class="message">Nuevo usuario registrado</span>
                                    <span class="time">36 min</span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="icon yellow"><i class="icon-shopping-cart"></i></span>
                                    <span class="message">2 items vendidos</span>
                                    <span class="time">1 hora</span>
                                </a>
                            </li>
                            <li class="warning">
                                <a href="index-2.html#">
                                    <span class="icon red"><i class="icon-user"></i></span>
                                    <span class="message">Cuenta de usuario cancelada</span>
                                    <span class="time">2 horas</span>
                                </a>
                            </li>
                            <li class="warning">
                                <a href="index-2.html#">
                                    <span class="icon red"><i class="icon-shopping-cart"></i></span>
                                    <span class="message">Transacción cancelada</span>
                                    <span class="time">6 horas</span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="icon green"><i class="icon-comment-alt"></i></span>
                                    <span class="message">Nuevo comentario</span>
                                    <span class="time">ayer</span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="icon blue"><i class="icon-user"></i></span>
                                    <span class="message">Nuevo usuario registrado</span>
                                    <span class="time">ayer</span>
                                </a>
                            </li>
                            <li class="dropdown-menu-sub-footer">
                                <a>Ver todas las notificaciones</a>
                            </li>
                        </ul>
                    </li>
                    <!-- start: Notifications Dropdown -->
                    <li class="dropdown hidden-xs">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="index-2.html#">
                            <i class="icon-tasks"></i>
                            <span class="number">2</span>
                        </a>
                        <ul class="dropdown-menu tasks">
                            <li>
                                <span class="dropdown-menu-title">Tiene 2 tareas en progreso</span>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="header">
                                        <span class="title">Servicio gasfiería</span>
                                        <span class="percent"></span>
                                    </span>
                                    <div class="taskProgress progressSlim progressBlue">80</div>
                                </a>
                            </li>
                            @*<li>
                                <a href="index-2.html#">
									<span class="header">
										<span class="title">Android Development</span>
										<span class="percent"></span>
									</span>
                                    <div class="taskProgress progressSlim progressYellow">47</div> 
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
									<span class="header">
										<span class="title">Django Project For Google</span>
										<span class="percent"></span>
									</span>
                                    <div class="taskProgress progressSlim progressRed">32</div> 
                                </a>
                            </li>
							<li>
                                <a href="index-2.html#">
									<span class="header">
										<span class="title">SEO for new sites</span>
										<span class="percent"></span>
									</span>
                                    <div class="taskProgress progressSlim progressGreen">63</div> 
                                </a>
                            </li>*@
                            <li>
                                <a href="index-2.html#">
                                    <span class="header">
                                        <span class="title">Nuevos posts</span>
                                        <span class="percent"></span>
                                    </span>
                                    <div class="taskProgress progressSlim progressPink">80</div>
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-menu-sub-footer">Ver todas las tareas</a>
                            </li>
                        </ul>
                    </li>
                    <!-- end: Notifications Dropdown -->
                    <!-- start: Message Dropdown -->
                    <li class="dropdown hidden-xs">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="index-2.html#">
                            <i class="icon-envelope"></i>
                            <span class="number">5</span>
                        </a>
                        <ul class="dropdown-menu messages">
                            <li>
                                <span class="dropdown-menu-title">Tiene 5 mensajes</span>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="avatar">
                                        <img src="assets/img/avatar.jpg" alt="Avatar"></span>
                                    <span class="header">
                                        <span class="from">Mr. Maracaibo
                                        </span>
                                        <span class="time">6 min
                                        </span>
                                    </span>
                                    <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="avatar">
                                        <img src="assets/img/avatar2.jpg" alt="Avatar"></span>
                                    <span class="header">
                                        <span class="from">Evelyn Cruzado
                                        </span>
                                        <span class="time">56 min
                                        </span>
                                    </span>
                                    <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="avatar">
                                        <img src="assets/img/avatar3.jpg" alt="Avatar"></span>
                                    <span class="header">
                                        <span class="from">Maria Estevez
                                        </span>
                                        <span class="time">3 horas
                                        </span>
                                    </span>
                                    <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="avatar">
                                        <img src="assets/img/avatar4.jpg" alt="Avatar"></span>
                                    <span class="header">
                                        <span class="from">Juan Horna
                                        </span>
                                        <span class="time">ayer
                                        </span>
                                    </span>
                                    <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="index-2.html#">
                                    <span class="avatar">
                                        <img src="assets/img/avatar5.jpg" alt="Avatar"></span>
                                    <span class="header">
                                        <span class="from">Pedro Martinez
                                        </span>
                                        <span class="time">25 de julio
                                        </span>
                                    </span>
                                    <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-menu-sub-footer">Ver todos los mensajes</a>
                            </li>
                        </ul>
                    </li>
                    <!-- end: Message Dropdown -->
                    <li>
                        <a class="btn btn-xs" href="#" data-toggle="modal">
                            <i class="icon-wrench"></i>
                        </a>
                    </li>
                    <!-- start: User Dropdown -->
                    <li class="dropdown">
                        <a class="btn account dropdown-toggle" data-toggle="dropdown" href="index-2.html#">
                            <div class="avatar">
                                <img src="assets/img/avatar.jpg" alt="Avatar">
                            </div>
                            <div class="user">
                                <span class="hello">Bienvenido!</span>
                                <span class="name">Mr. Maracaibo</span>
                            </div>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="index-2.html#"><i class="icon-user"></i>Perfil</a></li>
                            <li><a href="index-2.html#"><i class="icon-cog"></i>Configuración</a></li>
                            <li><a href="index-2.html#"><i class="icon-envelope"></i>Mensajes</a></li>
                            <li><a href="page-login.html"><i class="icon-off"></i>Salir</a></li>
                        </ul>
                    </li>
                    <!-- end: User Dropdown -->
                </ul>
            </div>
            <!-- end: Header Menu -->

        </div>
    </header>
    <!-- end: Header -->

    <div class="container">
        <div class="row">
            <!-- start: Main Menu -->
            <div id="sidebar-left" class="col-lg-2 col-sm-1 ">
                @Html.Partial("_NavigationSideBar")
            </div>
            <!-- end: Main Menu -->

            <!-- start: Content -->
            <div id="content" class="col-lg-10 col-sm-11">
                @RenderBody()
            </div>
            <!-- end: Content -->
        </div>
        <!--/row-->
    </div>
    <!--/container-->

    <div class="clearfix"></div>

    @*<footer>
        <p>
            <span style="text-align: left; float: left">&copy; 2013 <a href="#">Power Designers</a></span>
            <span class="hidden-phone" style="text-align: right; float: right">Powered by: <a href="#" alt="HomeSolutions">HomeSolutions S.A.</a></span>
        </p>
    </footer>*@

    <!-- start: JavaScript-->
    <!--[if !IE]>-->
    @*<script src="~/assets/js/jquery-2.0.3.min.js"></script>*@
    <script src="~/Scripts/kendo/jquery.min.js"></script>
    <script src="~/Scripts/kendo/kendo.all.min.js"></script>
    <!--<![endif]-->

    <!--[if IE]>
		<script src="~/assets/js/jquery-1.10.2.min.js"></script>
	<![endif]-->

    <!--[if !IE]>-->
    <script type="text/javascript">
        window.jQuery || document.write("<script src='~/assets/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
    </script>
    <!--<![endif]-->

    <!--[if IE]>
		<script type="text/javascript">
	 	window.jQuery || document.write("<script src='~/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
		</script>
	<![endif]-->

    <script src="~/assets/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="~/assets/js/bootstrap.min.js"></script>

    <!-- page scripts -->
    <script src="~/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="~/assets/js/jquery.ui.touch-punch.min.js"></script>
    <script src="~/assets/js/jquery.sparkline.min.js"></script>
    <script src="~/assets/js/fullcalendar.min.js"></script>
    <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="assets/js/excanvas.min.js"></script><![endif]-->
    <script src="~/assets/js/jquery.flot.min.js"></script>
    <script src="~/assets/js/jquery.flot.pie.min.js"></script>
    <script src="~/assets/js/jquery.flot.stack.min.js"></script>
    <script src="~/assets/js/jquery.flot.resize.min.js"></script>
    <script src="~/assets/js/jquery.flot.time.min.js"></script>
    <script src="~/assets/js/jquery.autosize.min.js"></script>
    <script src="~/assets/js/jquery.placeholder.min.js"></script>
    <script src="~/assets/js/moment.min.js"></script>
    <script src="~/assets/js/daterangepicker.min.js"></script>
    <script src="~/assets/js/bootstrap-datepicker.min.js"></script>
    
    <script src="~/assets/js/bootstrap-datepicker.min.js"></script>
    <script src="~/assets/js/bootstrap-timepicker.min.js"></script>
    
    <script src="~/assets/js/jquery.easy-pie-chart.min.js"></script>
    <script src="~/assets/js/jquery.dataTables.min.js"></script>
    <script src="~/assets/js/dataTables.bootstrap.min.js"></script>

    <!-- theme scripts -->
    <script src="~/assets/js/custom.min.js"></script>
    <script src="~/assets/js/core.min.js"></script>

    <!-- inline scripts related to this page -->
    <script src="~/assets/js/pages/index.js"></script>
    <script src="~/Scripts/homesolutions/ready-settings.js"></script>
    <script src="~/Scripts/homesolutions/common-functions.js"></script>
    <script src="~/Scripts/homesolutions/common-elements-functions.js"></script>
    <script src="~/Scripts/homesolutions/motor.js"></script>
    <!-- end: JavaScript-->

    <script>
        var CondicionServiciosVM;

        $(document).ready(function () {
            SetNavigationActionClick();
        });

        function SetNavigationActionClick() {
            $('a.submenu').on('click', function (e) {
                e.preventDefault();

                var url = $(this).attr('href');

                if (url != '#')
                    RenderContentHtml(url, '#content');
            });
        }
    </script>
</body>
</html>
